.error {
  color: red;
}

.w100 {
  width: 100%;
}

.h100 {
  height: 100%;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.floatright {
  float: right;
}

.flat {
  border: none;
}

.hidden {
  display: none;
}

.inline {
  display: inline-block;
}

.scroll {
  overflow: auto;
}

.scroll-x {
  overflow-x: auto;
}

.scroll-y {
  overflow-y: auto;
}

.no-overflow {
  overflow: hidden;
}

.table {
  width: 100%;
  height: 100%;
  display: table;
}

.row {
  display: table-row;
}

.col {
  display: table-cell;
  &.middle {
    vertical-align: middle;
  }
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.clear {
  clear: both;
}

.red {
  color: orangered;
}
